{{#load-more selector=".topic-list tr" action=loadMore}}
  <table class="topic-list">
    <thead>
      <th role="button" {{action "sortListTitle"}}>
        {{i18n "docs.column_titles.topic"}}

        {{#if sortTitle}}
          {{#if ascending}}
            {{d-icon "angle-up"}}
          {{else}}
            {{d-icon "angle-down"}}
          {{/if}}
        {{/if}}
      </th>

      <th role="button" {{action "sortListActivity"}}>
        {{i18n "docs.column_titles.activity"}}

        {{#if sortActivity}}
          {{#if ascending}}
            {{d-icon "angle-up"}}
          {{else}}
            {{d-icon "angle-down"}}
          {{/if}}
        {{/if}}
      </th>
    </thead>

    <tbody>
      {{#each topics as |topic|}}
        {{raw "docs-topic-list-item" topic=topic}}
      {{/each}}
    </tbody>
  </table>
{{/load-more}}

{{conditional-loading-spinner condition=loading}}
